<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/style.mobile.css"/>
<link rel="stylesheet" href="css/index.css"/>
<link rel="stylesheet" href="css/swiper-bundle.min.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/simpler-sidebar.js"></script>
<script type="text/javascript" src="js/change-html-fz.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/common.js"></script>

</head>

	
<body>
<!-- 页头 -->
<div class="header">
	<div class="main clearfix">
		<div id="menu" class="menu"></div>
		<h1><a href="###"></a></h1>
	</div>
</div>


<div class="sidebar" id="dowebok">
	<div class="sidebar-wrapper" id="sidebar-wrapper">
		<ul class="menu_nav">
			<li>
				<p class="hd"><a href="###"> 首页 </a></p>
			</li>
			<li>
				<p class="hd">产品中心</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
			<li>
				<p class="hd">成功案例</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
			<li>
				<p class="hd">解决方案</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
			<li>
				<p class="hd">新闻资讯</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
			<li>
				<p class="hd">关于我们</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
			<li>
				<p class="hd">联系我们</p>
				<ul class="bd">
					<li><a href="###">第二目录</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>






<!-- tit_bg -->
<div class="tit_bg" style="background-image: url(images/pro2_bg_01.jpg);">
	<div class="pnav main">
		<div class="break clearfix">
			<a href="###">首页</a>
			<a href="###">瓷砖</a>
		</div>
		<h3>康建运动陶瓷  通体大理石</h3>
		<p>取材于土耳其的顶级大理石，细节丰富，深灰色的线条，狂野却不显凌乱，彰显顶级石材的华美，优雅素净尽露无疑，呈现时尚大气的经典之作，雅致而不乏情趣，更是一种自然而然的魅力，纹理延伸，魅力十足</p>
	</div>
</div>


<!-- 产品展示 -->
<div class="pro_show main">
	<h2>产品展示</h2>
	<div class="swiper01">
		<!-- <div class="swiper-container gallery-top">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="###"><img src="images/pro01.jpg" alt=""></a></div>
				<div class="swiper-slide"><a href="###"><img src="images/pro_s01.jpg" alt=""></a></div>
				<div class="swiper-slide"><a href="###"><img src="images/pro01.jpg" alt=""></a></div>
				<div class="swiper-slide"><a href="###"><img src="images/pro2_bg_01.jpg" alt=""></a></div>
				<div class="swiper-slide"><a href="###"><img src="images/icon_01.png" alt=""></a></div>
				<div class="swiper-slide"><a href="###"><img src="images/icon_01.png" alt=""></a></div>
			</div>
		</div>
		<div class="swiper-container gallery-thumbs">  
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><div class="img_box"><img src="images/pro01.jpg" alt=""></div></div> 
		        <div class="swiper-slide"><div class="img_box"><img src="images/pro_s01.jpg" alt=""></div></div> 
		        <div class="swiper-slide"><div class="img_box"><img src="images/pro01.jpg" alt=""></div></div>
		        <div class="swiper-slide"><div class="img_box"><img src="images/pro2_bg_01.jpg" alt=""></div></div>
		        <div class="swiper-slide"><div class="img_box"><img src="images/icon_01.png" alt=""></div></div>
		        <div class="swiper-slide"><div class="img_box"><img src="images/icon_01.png" alt=""></div></div>
		    </div>  
		</div> -->
		
		<div class="swiper-container gallery-top">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		  </div>
		  <!-- Add Arrows -->
		  <div class="swiper-button-next swiper-button-white"></div>
		  <div class="swiper-button-prev swiper-button-white"></div>
		</div>
		<div class="swiper-container gallery-thumbs">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		    <div class="swiper-slide" style="background-image:url(./images/pro01.jpg)"></div>
		  </div>
		</div>
		
		
		
		
		
	<!-- 	<span class="prev">&lt;</span>
		<span class="next">&gt;</span> -->
	</div>
	<h3>TFTL126128</h3>
	<p><a href="###">点击查看720全景图</a></p>
	<ul class="clearfix">
		<li>名称：<div class="zies">爵士白</div></li>
		<li>尺寸：<div class="zies">600x1200mm</div></li>
		<li>面数：<div class="zies">XXXXX</div> </li>
		<li>品类：<div class="zies">通体大理石</div></li>
	</ul>
</div>




<!-- 产品应用 -->
<div class="apply">
	<h2>产品应用</h2>
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide"><a href="###"><div class="img_box"><img src="images/pro_s01.jpg" alt=""></div></a></div>
			<div class="swiper-slide"><a href="###"><div class="img_box"><img src="images/apply.jpg" alt=""></div></a></div>
			<div class="swiper-slide"><a href="###"><div class="img_box"><img src="images/apply.jpg" alt=""></div></a></div>
		</div>
		<div class="swiper-pagination"></div>
	</div>
</div>








<div class="footer">
	<div class="main">
		<div id="share" class="share-component social-share">
			<a class="social-share-icon icon-weibo" href="javascript:void(0);">
				<div class="wechat-qrcode">
					<h4>新浪扫一扫</h4>
					<div class="qrcode clearfix">
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌卫浴</b></div>
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌家居定制</b></div>
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌瓷砖</b></div>
					</div>	
				</div>
			</a>
			<a class="social-share-icon icon-wechat" href="javascript:void(0);">
				<div class="wechat-qrcode">
					<h4>微信扫一扫</h4>
					<div class="qrcode clearfix">
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌卫浴微信二维码</b></div>
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌瓷砖公众号</b></div>
						<div class="pic"><span><img src="images/foot-ewm.jpg" ></span><b>箭牌家居定制</b></div>
					</div>
				</div>
			</a>
		</div>
	</div>
	
	
	<ul class="clearfix">
		<li><a href="###">陶  瓷</a></li>
		<li><a href="###">岩  板</a></li>
		<li><a href="###">岩板家居</a></li>
		<li><a href="###">工程案例</a></li>
		<li><a href="###">关于康建</a></li>
	</ul>
	<p> 营销中心：佛山市禅城区南庄镇陶博大道15号康建运动陶瓷营销总部 </p>
	<p> 服务热线： 0757-89925799 </p>
	<p> 版权所有 &copy;佛山市康建陶瓷有限公司 粤ICP备17093858号 </p>
</div>


		

<script type="text/javascript" src="js/swiper-bundle.min.js"></script>
<script src="js/index.js"></script>
<script>
	$(function(){
		
		  var galleryThumbs = new Swiper('.gallery-thumbs', {
		    spaceBetween: 10,
		    slidesPerView: 4,
		    freeMode: true,
		    watchSlidesVisibility: true,
		    watchSlidesProgress: true,
		  });
		  var galleryTop = new Swiper('.gallery-top', {
		    spaceBetween: 10,
		    navigation: {
		      nextEl: '.swiper-button-next',
		      prevEl: '.swiper-button-prev',
		    },
		    thumbs: {
		      swiper: galleryThumbs
		    }
		  });
		
		  
		
		
		
		
		// var galleryTop = new Swiper('.gallery-top', {  
		// 	spaceBetween: 10,
		// 	navigation: {  
		// 		nextEl: '.next',  
		// 		prevEl: '.prev',  
		// 	},
		// 	 //  thumbs: {
		// 		// swiper:galleryThumbs,
		// 	 //  }
		// });  
		// var galleryThumbs = new Swiper('.gallery-thumbs', {  
		// 	spaceBetween: 10,  
		// 	// loopAdditionalSlides: 100,
		// 	centeredSlides: true,
		// 	slidesPerView: 'auto',
		// 	slideToClickedSlide: true,
		// });  
		// galleryTop.controller.control = galleryThumbs;
		// galleryThumbs.controller.control = galleryTop;
	})
</script>

</body>
</html>
